<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<div id="contenido">
	<div id="categorias">
		<ul class="listaCategorias">
			<c:forEach var="cat" items="${sessionScope.categorias}">
				<c:if test="${sessionScope.catSel eq cat}">
					<li><a class="itemCategoriaSeleccionado" href="/TPlayWeb/login/seleccionCat?catseleccionada=<c:out value="${cat}"/>"><c:out value="${cat}"/></a></li>
				</c:if>
				<c:if test="${sessionScope.catSel ne cat}">
					<li><a href="/TPlayWeb/login/seleccionCat?catseleccionada=<c:out value="${cat}"/>"><c:out value="${cat}"/></a></li>
				</c:if>		
			</c:forEach>
		</ul>
	</div>
	<div id="juegos">
		<div id="botonesJuegos">
			<c:if test="${!empty sessionScope.usuario}">
				<ul class="listaSeleccionJuegos">
					<c:if test="${sessionScope.desarrollador == false}">
						<c:if test="${sessionScope.juegoSeleccion == 0}">
						<li><a class="itemSeleccionJuegosSeleccionado" href="/TPlayWeb/login/clienteTodos">Todos los Juegos</a></li>
						<li><a href="/TPlayWeb/login/clienteCompras">Mis Juegos</a></li>
						</c:if>
						<c:if test="${sessionScope.juegoSeleccion == 1}">
						<li><a href="/TPlayWeb/login/clienteTodos">Todos los Juegos</a></li>
						<li><a class="itemSeleccionJuegosSeleccionado" href="/TPlayWeb/login/clienteCompras">Mis Juegos</a></li>
						</c:if>
					</c:if>
					<c:if test="${sessionScope.desarrollador == true}">
						<c:if test="${sessionScope.juegoSeleccion == 2}">
						<li><a class="itemSeleccionJuegosSeleccionado" href="/TPlayWeb/login/desarrolladorPublicados">Juegos Publicados</a></li>
						<li><a href="/TPlayWeb/login/desarrolladorAprobados">Juegos Aprobados</a></li>
						</c:if>
						<c:if test="${sessionScope.juegoSeleccion == 3}">
						<li><a href="/TPlayWeb/login/desarrolladorPublicados">Juegos Publicados</a></li>
						<li><a class="itemSeleccionJuegosSeleccionado" href="/TPlayWeb/login/desarrolladorAprobados">Juegos Aprobados</a></li>
						</c:if>
					</c:if>
				</ul>
			</c:if>
		</div>
		<div id="listado">
			<c:forEach var="jue" items="${sessionScope.juegos}">
				<div class="juego">
					<div>
					<a href="#">
					<img src="../images/<c:out value="${jue.nombre}"/>.png" class="imagen">
					</a>
					</div>
					<div>
					<a href="/TPlayWeb/juegos/infoJuego?juegoseleccionado=<c:out value="${jue.nombre}"/>">
					<c:out value="${jue.nombre}"/><br/>
					<c:out value="${jue.desarrollador}"/></a>
					</div>
				</div>
			</c:forEach>
		</div>
	</div>
</div>
